Electron 脚本注入

收集到的方法

BrowserWindow 配置

webPreferences.preload
- String (可选) -在页面运行其他脚本之前预先加载指定的脚本无论页面是否集成Node, 此脚本都可以访问所有Node API 脚本路径为文件的绝对路径。当 node integration 关闭时, 预加载的脚本将从全局范围重新引入node的全局引用标志参考示例.

webContents

方法
- executeJavaScript
- insertCSS
事件
- did-finish-load
- dom-ready

遇到的一些坑(好好看控制台，错误信息有可能在最上面，滚动到看不见了)

preload脚本语法

脚本本身只能用commonjs来写
不支持import

也不支持require ES6 module，只能用module.exports

// preload.js
// const rendererAPI = require('./RendererAPI').default
// rendererAPI()
// export default () => {
// SyntaxError: Unexpected token 'export'

// import RendererAPI from './RendererAPI'
// // RendererAPI()
// import RendererAPI from './RendererAPI'
// SyntaxError: Cannot use import statement outside a module

const rendererAPI = require('./RendererAPI')
rendererAPI()

报错备忘注意路径问题(一定要绝对路径)，要用打包后的地址 preload:path.join(app.getAppPath(),'renderer-preload.js')

//module.exports = xxx
Uncaught TypeError: Cannot assign to read only property 'exports' of object '#<Object>'



// const rendererAPI = require('./RendererAPI').default
// rendererAPI()
// export default () => {
// SyntaxError: Unexpected token 'export'

// import RendererAPI from './RendererAPI'
// SyntaxError: Cannot use import statement outside a module


// cannot load preload.js Unexpected Identifier 

 Unable to create basic Accelerated OpenGL renderer.
  Unable to create basic Accelerated OpenGL renderer.
  Core Image is now using the software OpenGL renderer. This will be slow.